<%@ taglib uri="/WEB-INF/myfaces_html.tld" 	prefix="h" %>
<%@ taglib uri="/WEB-INF/myfaces_core.tld" 	prefix="f" %>
<%@ taglib uri="/WEB-INF/tomahawk.tld"     	prefix="t" %>
<%@ taglib uri="/WEB-INF/myfaces_sandbox.tld"   prefix="s" %>

<%@ page import="javax.faces.context.FacesContext" %>


<f:view >
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="it-it" lang="it-it" dir="ltr" >
        <head>			
            <title>Autolinee Moretti</title>

            <!-- Stile Bootstrap -->
            <meta name="viewport" content="width=device-width, initial-scale=1.0">		
                <link href="css/bootstrap.css" rel="stylesheet">	
                    <link rel="stylesheet" href="./moretti.css" type="text/css">
                        <link href="http://fonts.googleapis.com/css?family=Alegreya+Sans+SC" rel="stylesheet" type="text/css">
                            <link href="http://fonts.googleapis.com/css?family=Alef" rel="stylesheet" type="text/css">

                                <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
                                <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
                                <!--[if lt IE 9]>
                                  <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
                                  <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
                                <![endif]-->

                                <!-- Stile bxSlider -->
                                <link href="css/jquery.bxslider.css" rel="stylesheet">		

                                    <!-- Stile personalizzato -->
                                    <link href="css/style.css" rel="stylesheet">		

                                        <link href="immagini/favicon.ico" rel="shortcut icon" type="image/x-icon" />
                                        </head>

                                        <body>

                                            <div class="container">
                                                <div class="row">
                                                    <div class="col-md-8">
                                                        <h1 class="navbar-brand navbar-brand_">
                                                            <a href="home.jsf"><img style="width:100%" alt="Autolinee Moretti" src="immagini/logo.png"></a>			
                                                        </h1>
                                                    </div>

                                                    <div class="col-md-4">
                                                        <div class="header_right">
                                                            Lingue <br/> Altre informazioni <br/> Quello che serve
                                                        </div>
                                                    </div>
                                                </div>

                                                <div class="navbar navbar-default" role="navigation">
                                                    <div class="navbar-header">
                                                        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                                                            <span class="sr-only">Toggle navigation</span>
                                                            <span class="icon-bar"></span>
                                                            <span class="icon-bar"></span>
                                                            <span class="icon-bar"></span>
                                                        </button>
                                                    </div>

                                                    <div class="navbar-collapse collapse">
                                                        <ul class="nav navbar-nav">
                                                            <li ><a href="home.jsf">Home</a></li> 
                                                            <li><a href="chisiamo.jsf">Chi siamo</a></li>
                                                            <li class='active'><a href="flotta.jsf">Flotta</a></li>
                                                            <li><a href="contatti.jsf">Contatti</a></li>
                                                            <li><a href="news.jsf">News</a></li>
                                                            <li><a class="active" href="login.jsf">Registrati</a> </li>
                                                            <li>
                                                                <tr>
                                                                    <td>
                                                                        <h:form id="form" > 
                                                                            <t:saveState value="#{beanAppPrenotazione}"/>            

                                                                            <table align="center" cellpadding="0" cellspacing="5" class="login" height="50" width="500" background="image/sfondo00016.gif" >
                                                                                <tbody>

                                                                                    <tr>                            
                                                                                        <td align="right" class="login"><strong><h:outputText  value="Nome utente" /></strong></td>
                                                                                        <td align="right"><t:inputText forceId="true" id="email" value="#{login.email}"/>
                                                                                            <td>&nbsp</td>

                                                                                            <td><br/></td>
                                                                                            <td align="right" class="login"><strong><h:outputText  value="Password"/></strong></td>
                                                                                            <td align="right"><t:inputSecret forceId="true" id="password" value="#{login.password}"/> </td>
                                                                                            <td>&nbsp</td>

                                                                                            <td><h:commandButton value="Login" action="#{azioneLogin.esegui}" /></td>


                                                                                    </tr>

                                                                                    <tr>
                                                                                        <td colspan="6" align="center" class="messaggiErroreBig"><strong><h:messages /></strong>&nbsp;</td>
                                                                                    </tr>


                                                                                </tbody>
                                                                            </table>
                                                                        </h:form>
                                                                    </td>
                                                                </tr>
                                                            </li>

                                                        </ul>
                                                    </div>
                                                </div> 

                                                <div class="row">
                                                    <div class="col-md-8">
                                                        <h1 class="titolo">Flotta</h1> <br/>

                                                        <img src="immagini/flotta/03.gif" alt="flotta" style="max-width:320px;"/>
                                                        <img src="immagini/flotta/01.gif" alt="flotta" style="max-width:271px;"/>
                                                        <img src="immagini/flotta/02.gif" alt="flotta" style="max-width:150px;"/>
                                                        <img src="immagini/flotta/04.gif" alt="flotta" style="max-width:320px;"/>
                                                        <img src="immagini/flotta/05.gif" alt="flotta" style="max-width:150px;"/>
                                                    </div>

                                                    <div class="col-md-4">					
                                                        <h1 class="in_evidenza">In evidenza</h1>	

                                                        <jsp:include page="evidenza.jsp"/>

                                                    </div>
                                                </div>	

                                                <jsp:include page="footerPortale.jsp"/>


                                                <script src="js/jquery-1.11.0.min.js"></script>		
                                                <script src="js/bootstrap.min.js"></script>	
                                                <script src="js/jquery.bxslider.min.js"></script>

                                                <script type="text/javascript">
                                                    $(document).ready(function() {
                                                        $('.bxslider').bxSlider({
                                                            controls: false,
                                                            mode: 'horizontal',
                                                            easing: 'linear',
                                                            speed: 750
                                                        });
                                                    });
                                                </script>
                                        </body>
                                        </html>



                                    </f:view>